<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* body{
            font-family: "宋体",'Courier New', Courier, monospace;  
        } */
        h1{
            /* 字体颜色  color---继承性
               值：直接写单词（不推荐） red
                   rgb(0-255,0-255,0-255)  
                   rgba(0-255,0-255,0-255,0-1) 写到哪个属性身上，哪个属性就生效
                   16进制  #123456   简写可以是三位 #112233--#123 (三位或六位)
             */
            color:#123; 
            background-color: rgba(0,0,255,0.5);
            /* 
              字体格式  双引号 单引号 不加引号 都可以
              继承性
            */
            font-family: "宋体",'Courier New', Courier, monospace;
        }
        h3{
            /* opacity 全部透明 */
            opacity: 0.5;
            color:red;
            background-color: blue;
        }
        a{
            /* 会覆盖掉原来的所有的字体颜色样式 */
            color:pink; 
        }
    </style>
</head>
<body>
    <h1>
        1111
        <span>2222</span>
    </h1>
    <h3>333</h3>
    <a href="http://www.baidu.com">111</a>
</body>
</html>